﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="1111.aspx.cs" Inherits="WebTest._1111" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>

</head>
<body>
    <style type="text/css">
        .menuBar {
            display: inline-block;
            background: #e6e6e6;
        }

            .menuBar ul {
                list-style: none;
            }

            .menuBar li {
                float: left;
                width: 100px;
                margin-left: 3px;
                line-height: 30px;
            }

            .menuBar a {
                display: block;
                text-align: center;
                height: 30px;
            }

                .menuBar a:link {
                    color: red;
                    font-weight: bold;
                    text-decoration: none;
                    background: #e6e6e6;
                }

                .menuBar a:visited {
                    color: red;
                    font-weight: bold;
                    text-decoration: none;
                    background: #e6e6e6;
                }

                .menuBar a:hover {
                    color: green;
                    font-weight: bold;
                    text-decoration: none;
                    background: #e6e6e6;
                }

        #base {
            background-color: #e6e6e6;
        }

        .panel {
            font-size: 12px;
            text-align: left;
            margin-top: 7px;
        }

            .panel.sheader {
                padding-top: 5px;
            }

                .panel.sheader.titile {
                    color: blue;
                    font-weight: bold;
                }

            .panel.content {
                padding-top: 5px;
            }

                .panel.content.block {
                    width: 100%;
                    position: relative;
                    margin-top: 10px;
                }

                .panel.content.leftBlock {
                    width: 50%;
                    float: left;
                    vertical-align: top;
                }

                .panel.content.rightBlock {
                    width: 49%;
                    float: right;
                    vertical-align: top;
                }

        .ui-lablecontainer {
            padding-bottom: 5px;
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            margin: 0px 10px;
        }

            .ui-lablecontainer.label {
                width: 100px;
                display: inline-block;
                vertical-align: middle;
            }

            .ui-lablecontainer.value {
                display: inline-block;
                vertical-align: middle;
                overflow: hidden;
            }

        div {
            word-wrap: break-word;
            word-break: normal;
        }
    </style>
    <div class="main">
        <div class="menuBar">
            <ul>
                <li><a target="_blank" href="http://10.75.1.212:8084/imageCenter_wk/showDetail/imageDetail?Billcode=TA027DC13CB201506230009&EnableImgEvaluation=1&Type=1&Time=1435029157032&Timemd5=B15747110FAB357C078066AD82D92577&Useraccount=null&Sys=1">查看影像</a></li>
            </ul>
        </div>
        <div id="topic" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(1)">+主题</a></span></div>
            <div id="contentPane1" class="content" style="color: Red; font-weight: bold; font-size: 16px;">
                <div class="block">
                    <div id="topic" class="ui-lablecontainer">
                        <label class="label"><span></span></label>
                        <span class="value">陈菲_差旅费-业务差旅费_差旅报销单_(1,100.00)</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="cause" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(3)">+事由</a></span></div>
            <div id="contentPane3" class="content" style="color: Red; font-weight: bold; font-size: 16px;">
                <div class="block">
                    <div id="cause" class="ui-lablecontainer">
                        <label class="label"><span></span></label>
                        <span class="value">
                            <table style="width: 650px;">
                                <tr>
                                    <td style="word-break: break-all; color: red; font-size: 16px; font-weight: bold">88</td>
                                </tr>
                            </table>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div id="base" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(2)">+基本信息</a></span></div>
            <div id="contentPane2" class="content">
                <div class="block">
                    <div class="leftBlock">
                        <div id="number" class="ui-lablecontainer">
                            <label class="label"><span>单据编号:</span></label><span class="value">027DC13CB201506230009</span>
                        </div>
                        <div id="applier" class="ui-lablecontainer">
                            <label class="label"><span>申请人:</span></label><span class="value">陈菲</span>
                        </div>
                        <div id="currencyType" class="ui-lablecontainer">
                            <label class="label"><span>币别：:</span></label><span class="value">人民币</span>
                        </div>
                        <div id="orgUnit" class="ui-lablecontainer">
                            <label class="label"><span>申请部门:</span></label><span class="value">客户关系中心</span>
                        </div>
                        <div id="costedDept" class="ui-lablecontainer">
                            <label class="label"><span>费用支付部门:</span></label><span class="value">客户关系中心</span>
                        </div>
                        <div id="postAddress" class="ui-lablecontainer">
                            <label class="label"><span>扫描点:</span></label><span class="value">武汉地产扫描点</span>
                        </div>
                    </div>
                    <div class="rightBlock">
                        <div id="name" class="ui-lablecontainer">
                            <label class="label"><span>名称:</span></label><span class="value">差旅报销单</span>
                        </div>
                        <div id="bizReqDate" class="ui-lablecontainer">
                            <label class="label"><span>申请日期:</span></label><span class="value">2015-06-23</span>
                        </div>
                        <div id="tel" class="ui-lablecontainer">
                            <label class="label"><span>联系电话:</span></label><span class="value">15002053753</span>
                        </div>
                        <div id="applierCompany" class="ui-lablecontainer">
                            <label class="label"><span>申请公司:</span></label><span class="value">武汉市永利置业有限公司</span>
                        </div>
                        <div id="company" class="ui-lablecontainer">
                            <label class="label"><span>费用支付公司:</span></label><span class="value">武汉市永利置业有限公司</span>
                        </div>
                        <div id="hesuanCompany" class="ui-lablecontainer">
                            <label class="label"><span>核算部门:</span></label><span class="value">客户关系中心</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="entry" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(4)">+行程清单</a></span></div>
            <div id="contentPane4" class="content">
                <div class="block">
                    <table width="100%" border="1">
                        <tr>
                            <td>费用类型</td>
                            <td>出差人</td>
                            <td>出发日期</td>
                            <td>往返日期</td>
                            <td>出发地</td>
                            <td>目的地</td>
                            <td>交通工具</td>
                            <td>天数</td>
                            <td>出差补贴</td>
                            <td>出差标准</td>
                            <td>机票费</td>
                            <td>住宿费</td>
                            <td>往返机场交通费</td>
                            <td>市内交通费</td>
                            <td>长途费用</td>
                            <td>其他费用</td>
                            <td>合计金额</td>
                            <td>报销金额</td>
                            <td>发票金额</td>
                            <td>发票数量</td>
                            <td>预算(额度)归属公司</td>
                            <td>预算(额度)归属部门</td>
                            <td>备注</td>
                        </tr>
                        <tr>
                            <td>差旅费-业务差旅费</td>
                            <td>陈菲</td>
                            <td>2015-06-15</td>
                            <td>2015-06-18</td>
                            <td>武汉</td>
                            <td>深圳</td>
                            <td>飞机</td>
                            <td>4</td>
                            <td>400.00</td>
                            <td>其他城市</td>
                            <td>100.00</td>
                            <td>600.00</td>
                            <td></td>
                            <td>0.00</td>
                            <td>0.00</td>
                            <td>0.00</td>
                            <td>1,100.00</td>
                            <td>1,100.00</td>
                            <td>2,000.00</td>
                            <td>2</td>
                            <td>武汉市永利置业有限公司</td>
                            <td>客户关系中心</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="text-align: center;"><span style="font-weight: bold;">合 计:</span></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><span style="font-weight: bold;">4</span></td>
                            <td><span style="font-weight: bold;">400.00</span></td>
                            <td></td>
                            <td><span style="font-weight: bold;">100.00</span></td>
                            <td><span style="font-weight: bold;">600.00</span></td>
                            <td><span style="font-weight: bold;">0.00</span></td>
                            <td><span style="font-weight: bold;">0.00</span></td>
                            <td><span style="font-weight: bold;">0.00</span></td>
                            <td><span style="font-weight: bold;">0.00</span></td>
                            <td><span style="font-weight: bold;">1,100.00</span></td>
                            <td><span style="font-weight: bold;">1,100.00</span></td>
                            <td><span style="font-weight: bold;">2,000.00</span></td>
                            <td><span style="font-weight: bold;">2</span></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div id="balance" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(5)">+财务信息</a></span></div>
            <div id="contentPane5" class="content">
                <div class="block">
                    <table width="100%" border="1">
                        <tr>
                            <td>是否冲账</td>
                            <td>借款单号</td>
                            <td>借款日期</td>
                            <td>借款类型</td>
                            <td>借款事由</td>
                            <td>借款余额</td>
                            <td>本次冲账金额</td>
                            <td>余额</td>
                        </tr>
                        <tr>
                            <td colspan="9" style="text-align: center;"><span>没有符合条件的数据！</span></td>
                        </tr>
                    </table>
                </div>
                <div class="block">
                    <div id="amount" class="ui-lablecontainer" style="display: inline; width: 20%;">
                        <label class="label" style="width: 60px;"><span>报销金额:</span></label><span class="value">1,100.00</span>
                    </div>
                    <div id="amountStriked" class="ui-lablecontainer" style="display: inline; width: 20%;">
                        <label class="label" style="width: 60px;"><span>冲账金额:</span></label><span class="value">0.00</span>
                    </div>
                    <div id="amountEncashed" class="ui-lablecontainer" style="display: inline; width: 20%;">
                        <label class="label" style="width: 60px;"><span>付款金额:</span></label><span class="value">1,100.00</span>
                    </div>
                    <div id="amountPaid" class="ui-lablecontainer" style="display: inline; width: 20%;">
                        <label class="label" style="width: 60px;"><span>已付金额:</span></label><span class="value">0.00</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="BankEntries" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(6)">+付款信息</a></span></div>
            <div id="contentPane6" class="content">
                <div class="block">
                    <table width="100%" border="1">
                        <tr>
                            <td>收款人名称</td>
                            <td>收款人类型</td>
                            <td>收款银行</td>
                            <td>收款账号</td>
                            <td>金额</td>
                            <td>供应商核准状态</td>
                            <td>付款状态</td>
                        </tr>
                        <tr>
                            <td>陈菲</td>
                            <td>职员</td>
                            <td>招商银行武汉分行花桥支行</td>
                            <td>6225882712728135</td>
                            <td>1100</td>
                            <td></td>
                            <td>未付款</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div id="payInfo" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(8)">+付款方式</a></span></div>
            <div id="contentPane8" class="content">
                <div class="block">
                    <div id="payMode" class="ui-lablecontainer" style="display: inline; width: 30%;">
                        <label class="label" style="width: 60px;"><span>结算方式:</span></label><span class="value">对私付款（内部账户）</span>
                    </div>
                    <div id="payAccount" class="ui-lablecontainer" style="display: inline; width: 30%;">
                        <label class="label" style="width: 60px;"><span>付款账号:</span></label><span class="value">2050.01.01.11.011</span>
                    </div>
                    <div id="payBank" class="ui-lablecontainer" style="display: inline; width: 30%;">
                        <label class="label" style="width: 60px;"><span>付款银行:</span></label><span class="value">武汉市永利置业有限公司费用专户</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="budget" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(0)">+预算信息</a></span></div>
            <div id="contentPane0" class="content">
                <div class="block">
                    <table width="100%" border="1">
                        <tr>
                            <td>预算申请项目</td>
                            <td>组织</td>
                            <td>预算要素</td>
                            <td>预算期间</td>
                            <td>本期预算额</td>
                            <td>实际发生额</td>
                            <td>可用预算</td>
                        </tr>
                        <tr>
                            <td>业务差旅费</td>
                            <td>武汉公司地产公司</td>
                            <td>金额</td>
                            <td>2015年06月</td>
                            <td>1,800,000.00</td>
                            <td>625,888.85</td>
                            <td>1,174,111.15</td>
                        </tr>
                        <tr>
                            <td>业务差旅费</td>
                            <td>武汉公司地产公司</td>
                            <td>金额</td>
                            <td>2015年</td>
                            <td>1,800,000.00</td>
                            <td>625,888.85</td>
                            <td>1,174,111.15</td>
                        </tr>
                        <tr>
                            <td>业务差旅费</td>
                            <td>武汉公司地产公司</td>
                            <td>金额</td>
                            <td>2015年02季</td>
                            <td>1,800,000.00</td>
                            <td>625,888.85</td>
                            <td>1,174,111.15</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <script type="text/javascript">var url = document.URL; if (url.indexOf("PrintStandardContractForm") != -1) { document.getElementById("budget").style.display = "none"; } else { document.getElementById("budget").style.display = ""; }</script>
        <div id="billInfo" class="panel">
            <div class="sheader"><span class="titile"><a onclick="showdiv(7)">+制单信息</a></span></div>
            <div id="contentPane7" class="content">
                <div class="block">
                    <div class="leftBlock">
                        <div id="biller" class="ui-lablecontainer">
                            <label class="label"><span>制单人:</span></label><span class="value">陈菲</span>
                        </div>
                    </div>
                    <div class="rightBlock">
                        <div id="billDate" class="ui-lablecontainer">
                            <label class="label"><span>制单日期:</span></label><span class="value">2015-06-23</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function showdiv(targetid) {
            var target = document.getElementById("contentPane" + targetid);
            if (target.style.display == "block" || target.style.display == "") {
                target.style.display = "none";
            }
            else {
                target.style.display = "block";
            }
        }</script></body>
</html>
